{#
 This Source Code Form is subject to the terms of the Mozilla Public
 License, v. 2.0. If a copy of the MPL was not distributed with this
 file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

{% from "macros-protocol.html" import sidemenu_lists with context %}
{% extends "base-protocol-mozilla.html" %}

{% block page_css %}
  {{ css_bundle('privacy_protocol') }}
{% endblock %}

{% block page_title %}
  {{ doc.h1.string|join|safe }}
{% endblock %}

{% block page_desc %}
  Our Privacy Notices describe the data our products and services receive, share, and use, as well as choices available to you.
{% endblock %}

{% if LANG == 'de' %}
  {# bug 1319207 - As product names are not exposed to L10n, best to specify unique name for de #}
  {% set focus_url = url('privacy.notices.firefox-klar') %}
  {% set focus_name = 'Firefox Klar' %}
{% else %}
  {% set focus_url = url('privacy.notices.firefox-focus') %}
  {% set focus_name =  ftl('privacy-index-firefox-focus') %}
{% endif %}

{% set navigation_bar = [
  (url('privacy'), 'privacy-home', ftl('privacy-index-mozilla-privacy')),
  (url('privacy.notices.websites'), 'privacy-websites', ftl('privacy-index-mozilla-websites-communications')),
  (url('privacy.notices.mozilla-accounts'), 'mozilla-accounts', ftl('privacy-index-mozilla-accounts')),
  (url('privacy.notices.subscription-services'), 'subscription-services', ftl('privacy-index-mozilla-subscription-services')),
  (url('privacy.notices.firefox'), 'privacy-quantum', ftl('privacy-index-firefox-browser')),
  (focus_url, 'privacy-focus', focus_name),
  (url('privacy.notices.thunderbird'), 'privacy-thunderbird', ftl('privacy-index-thunderbird')),
  (url('privacy.notices.mdn-plus'), 'privacy-mdn-plus', ftl('privacy-index-mdn-plus')),
] -%}

{% block content %}
{% block intro %}{% endblock %}
<div class="mzp-l-content mzp-has-sidebar mzp-l-sidebar-left">
  <main class="mzp-l-main" id="notice">
    {% block article %}
    <header>
      {% if self.article_header_logo()|trim|length %}
      <img class="privacy-logo" src="{% block article_header_logo %}{% endblock %}" alt="">
      {% endif %}
      <div class="privacy-title">
        <h1 itemprop="name">{% block title %}{% endblock %}</h1>
        {% block time %}{% endblock %}
      </div>

      {% if self.lead_in()|trim|length %}
      <div class="privacy-lead-in">
        {% block lead_in %}{% endblock %}
      </div>
      {% endif %}
    </header>
    <section class="privacy-body" itemprop="articleBody">
      {% block sections %}
      {% endblock %}
    </section>
    {% if self.footnote()|trim|length %}
    <footer class="privacy-footnote">
      <div>
          {% block footnote%}{% endblock %}
      </div>
    </footer>
    {% endif %}
    {% endblock %}
  </main>
  {% block sidemenu %}
    <aside class="mzp-l-sidebar">
      {{ sidemenu_lists([navigation_bar], body_id) }}
      {% block side_extra %}{% endblock %}
    </aside>
  {% endblock %}
</div>
{% endblock %}

{% block email_form %}{% endblock %}

{% block js %}
  {{ js_bundle('privacy_protocol') }}
{% endblock %}
